<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
	<link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css" />
	<link type="text/css" rel="stylesheet" href="css/app.css" />
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<title>451 Template</title>
</head>
<body>
	<div class="container">
		<div class="row page-header">
			<div class="col-md-2 logo">
				<h2>SIGNPORT</h2>	
			</div>
			<div class="col-md-10" class="search_bar">
				<form>
					<input type="search" class="form-control" placeholder="Search..."></input>
				</form>
			</div> 
		</div>

		<div class="row">
			<div class="col-md-2 menu_bar">
				<table>
					<tr>
						<td><a href="http://9gag.com/">Main Page</a></td>
					</tr>
					<tr>
						<td> <a href="http://9gag.com/"> Profile</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Notifications</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Add Video</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Forum</a></td>
					</tr>
					<tr>
					<td><a href="http://9gag.com/">How to use?</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">FAQ</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">About us</a></td>
					</tr>
					<tr>
						<td><a href="http://9gag.com/">Log out</a></td>
					</tr>
				</table>
			</div>
			<div class="topicpage">
				<h2>Topic Title</h2>
				<div class="topic_panel">
					<p>description</p>

				</div>
				<div class="form-group forum_buttons">
    					
    						
      						<button class="btn btn-default" id="report" >REPORT!</button>
      						
      						<button class="btn btn-default" id="like"><label>2</label> LIKEs</button>
  				</div>
  				<h2>X Answers:</h2>
  				<ul>
  					<li>
  						<div class="answer">
  							<p>User Name, time</p>
  							<p>answer</p>
  						</div>
  						<div class="form-group forum_buttons">    						
      						<button class="btn btn-default" id="comment_report" >REPORT!</button>
      												
  						</div>
  					</li>
  					<li>
  						<div class="answer">
  							<p>User Name, time</p>
  							<p>answer, answer, answer, answer, answer, answer, answer, answer, answer, </p>
  						</div>
  						<div class="form-group forum_buttons">    						
      						<button class="btn btn-default" id="comment_report" >REPORT!</button>
      												
  						</div>
  					</li>
  				</ul>
  				<form class="form">
	  				<div class="form-group">
		  				<textarea name="description" id="forum_answer" placeholder="Write an answer"></textarea>
		  				<p class="forum-answer-file">
		  				Add photo or video: <input type="file" id="answer_file" />
		  				</p>
		  				<p>
		  				<input type="submit" id="frm-comment-btn" class="btn btn-default yellow_button" value="submit"/></p>
		  			</div>
	  			</form>
			</div>

		</div>

	</div>
</body>
</html>